/* CSS Document */
body{
	line-height:180%;
	margin:0px auto;
	/* background:url(../images/bodyback.jpg) repeat-x; */
	font-size:12px;
	 width:100%;
	 font-family:"Microsoft Yahei"; color: #000;
    background: #ffffff;
}
p,ul,big,small,b,span,font,h2,h1,dl,dd{padding:0px;margin-top:0px;margin:0px;}
ul{padding:0px;margin-top:0px;margin:0px;}
li{ list-style:none;}
ul{list-style:none;}
a {color:#000000; text-decoration:none;outline:none;}
a:hover{ color:#0098e6; text-decoration:none ;}

img{ border:none}
.fl{ float:left}
.fr{ float:right}
.h20{ height:20px; clear:both;}
.h10{ height:10px; clear:both;}
.clear{ clear:both}
.clear2{ clear:both; height:20px;}
input{ outline:none; font-family:"Microsoft Yahei";}
.body{
	background: #f1f1f1
}
.divm{
	margin: auto;
}
.wrap {
	width: 96%;
	margin: 0 auto
}
.wrap_footer {
	width: 96%;
	margin: 0 auto
}

.wrap1 {
	width: 86%;
	margin: 0 auto
}
.wrap2 {
	width: 80%;
	margin: 0 auto
}
.nbanner img{ max-width:100%;}
.nbanner{ text-align:center;}

.ztitle{ text-align:center; padding-top:20px; padding-bottom:8px;}
.ztitle font{ font-size:24px; display:block; margin-bottom:5px; line-height:24px;}
.ztitle span{ display:inline-block; width:400px; border-bottom:#ddd 1px solid; height:10px;}
.ztitle small{ font-size:16px; display:inline-block; background:#fff; padding:0px 10px;}
.menu2 { text-align:center; padding:20px 0;}
.menu2 a{ display:inline-block; padding:10px 20px; font-size:14px; border:#ddd 1px solid; border-radius:5px; margin:0 5px;}
.menu2 a:hover ,.menu2 a.on{ background:#1a73c4; color:#fff;}
.menu3{ background:#fff; height:54px;  text-align:center;box-shadow: 0px 0px 24px rgba(0, 0, 0, .1);}
.menu3 a{ display:inline-block; line-height:54px;  font-size:18px; padding:0px 28px;}
.menu3 a:hover,.menu3 a.on{   color:#0099e9;}


/******************************
 ** 閸愬懘銆夐弸鑸电��
 ******************************/
.sidebar { float:left; width:260px; }
.side-menu { position: relative;    }
 
.t10{
	margin-top: 10px;
} 
.t15{
	margin-top: 15px;
} 
.t20{
	margin-top: 20px;
} 
.t25{
	margin-top: 25px;
} 
.t30{
	margin-top: 30px;
} 
.t40{
	margin-top: 40px;
} 
.t50{
	margin-top: 50px;
} 
.l5{
	margin: 5px;
}
.l10{
	margin: 10px;
}
.l20{
	margin: 20px;
}
.l30{
	margin: 30px;
}
.l40{
	margin: 40px;
}
.hr10{ clear:both; height:10px;}
.hr20{ clear:both; height:20px;}
.hr30{ clear:both; height:30px;}
.hr40{ clear:both; height:40px;}
.f24{ font-size:24px;}.f20{ font-size:20px;}
.f18{ font-size:18px;}
.f16{ font-size:16px;}
.f14{ font-size:14px}
 .text_center{ text-align:center;}
 .row{ margin-left:-15px; margin-right:-15px;}
 .rowitem{ margin-left:15px; margin-right:15px;}
 .rowitem img{ max-width:60%;}
 .col_3{ width:33.3%; float:left;}
 .col_4{ width:25%; float:left;}
 .col_2{ width:50% ; float:left;}
 .col_5{ width:20% ; float:left;}
 .col_6{ width:16.66667% ; float:left;}
 
 .zttitle{ text-align:center;}
 .zttitle .zbig{ font-size:36px; margin-bottom:4px; color:#333;}
 .zttitle p{ font-size:14px; line-height:2; margin-top:15px; color:#666;}
 .zttitle .zsmall{ font-size:20px; line-height:48px;}
 .zttitle .zsmall:before{ content:" "; width:300px; height:1px; background:#ddd; display:inline-block; margin-right:15px; position:relative; top:-5px;}
 .zttitle .zsmall:after{ content:" "; width:300px; height:1px; background:#ddd; display:inline-block; margin-left:15px;position:relative; top:-5px;}


 .part1{ padding:40px 0;}
 .part1 .listul{padding:30px 0 0 0;}
 .part1 ul li { text-align:left;   line-height:2; padding:20px 0 20px}
 .part1 ul li b{ float:left; width:40%; margin-top:10%}
 .part1 ul li b img{ width:88%;}
 .part1 ul li p{ line-height:1.4; float:left; width:55%; margin-left:2%}
 .part1 ul li p font{ font-size:18px; display:block}
 .part1 ul li p span{ font-size:12px; display:block; line-height:2;}
 .part1 ul li:hover{ background:#faf9fa; box-shadow: 0px 0px 24px rgba(0, 0, 0, .1); transform:scale(1.1,1.1);  }
 
.part4{ background:url(../img/jidibg.jpg) bottom center no-repeat; padding:50px 0;}
.part4 ul {  }
.part4 ul li a{ display:block; margin-right:15px;  }
.part4 ul li { }
.part4 ul li a img{ display:block; width:100%}
.part4 ul li p{  text-align:left; padding:10px 10px 20px 10px;    background:#f8f8f8}
.part4 ul li p font{ display:block; font-size:20px; line-height:40px;}
.part4 ul li p span{ font-size:12px; display:block; line-height:2; height:45px; overflow:hidden}
.part4 ul li:hover a{ }
.part4 ul li:hover p{ background:#0098e6; color:#fff;}
.jidi{ position:relative; overflow:hidden  }
.jidi .listul{ overflow:hidden;}
.jidi .hd .prev{ position:absolute; left:0; top:50%; margin-top:-60px;  
 z-index:222; font-size:35px; line-height:75px; font-weight:100; text-align:center; width:30px; border-radius:50%; color:#fff;}
 .jidi .hd .prev img{ width:60%;}
 .jidi .hd .next img{ width:60%;}
.jidi .hd .next{ position:absolute; right:0; top:50%; margin-top:-60px; z-index:22; font-size:35px; line-height:75px; font-weight:100; text-align:center; width:30px;   color:#fff;}
 .jidi .listul{ margin:0 50px;}
.shebeichejian{background:url(../img/bg2.jpg) bottom center no-repeat; padding:50px 0;}

.side-title{ background:#1a73c4; color:#fff;   line-height:1}
.side-title big{ display:block; font-size:24px; font-weight:900; padding:25px 24px 25px 24px; background:url(../img/icon01.png) no-repeat 218px center; }
.side-title small{ display:block; font-size:18px;}

.side-list ul{border-left:#ddd 1px solid;border-right:#ddd 1px solid; }
.side-list li{ border-bottom:#ddd 1px solid; line-height:50px; }
.side-list li a{ font-size:16px; background:url(../images/arr1.png) left center no-repeat; background-position:220px; padding-left:24px; display:block;}
.side-list li:hover a,.side-list li.on a{ color:#fff; background:url(../images/arr2.png) left center no-repeat #274583; background-position:200px;}

 
.side-head { height:34px; line-height:34px; padding:10px 0 10px 10px; font-size:20px; background:none;  }
.side-con { margin-bottom:20px; position:relative; top:20px; }
.side-con .side-head { height:40px; line-height:40px; background:#1a73c4; }
.side-con .side-head h2 { font-size:16px; font-weight:normal; color:#fff; padding:0 0  0 15px; }
.side-con .main { padding:10px 10px 15px; line-height:25px; border:1px solid #ddd;background: #fff; border-radius:0 0 5px 5px; }
.side-con .main img{ max-width:100%; margin-bottom:5px;}

.container {   }
.location { height:35px;  position:relative; line-height:35px; margin-bottom:10px; padding:10px 0;  }
.location font { font-size:20px; float:right;  }
.location .io {   float:left;color:#666; }
.location .io b { color:#999; }
.content { padding:20px; border:1px solid #ddd; margin-bottom:20px; }


.list-news1 li{ line-height:35px; border-bottom:#ececec 1px solid; overflow:hidden;}
.list-news1 li a{ float:left; background:url(../images/arr1.png) left center no-repeat; padding-left:15px; display:block}
.list-news1 li span{ float:right; color:#666}

.list-news2 li{  overflow:hidden; padding-bottom:1%; margin-bottom:1%; background:#f4f4f4; padding:2%}
.list-news2 li.odd{  }
.list-news2 li span{ display:block; overflow:hidden; margin-bottom:5px;}
.list-news2 li span a{ font-size:16px; line-height:1; float:left;display:block; font-weight:900;}
.list-news2 li span font{ float:right}
.list-news2 li p{ font-size:12px; line-height:180%;}

.list-news3 li{border-bottom:#ececec 1px solid; overflow:hidden; padding:2%; margin-bottom:2%; background:#fff;}
.list-news3 li a.litpic{ float:left; display:block; width:20%;}
.list-news3 li a.litpic img{ width:100%;}
.list-news3 li span{ float:right; display:block; width:78%;}
.list-news3 li.noimg span{ width:100%; float:none}
.list-news3 li span a{ font-size:24px; font-weight:900; line-height:200%; margin-bottom:5px;}
.list-news3 li p{ font-size:16px; line-height:2;}
.list-news3 li span font{ display:inline-block; margin-top:5px;}

.list-news4 li{border-bottom:#ececec 1px solid; float:left; overflow:hidden;  width:32%; margin-right:2%; margin-bottom:2%; padding-bottom:2%;}
.list-news4 li.last{ margin-right:0;}
.list-news4 li a.litpic{   display:block; }
.list-news4 li a.litpic img{ width:100%; height:160px;}
.list-news4 li span{   display:block; }
.list-news4 li.noimg span{ width:100%; float:none}
.list-news4 li span a{ font-size:14px; height:40px; line-height:40px; overflow:hidden; display:block; }
.list-news4 li span font{ display:inline-block; margin-top:5px;}


.list-p1 li{border-bottom:#ececec 1px solid; overflow:hidden; padding:2%; margin-bottom:2%; background:#efefef;}
.list-p1 li a.litpic{ float:left; display:block; width:30%;}
.list-p1 li a.litpic img{ width:100%;}
.list-p1 li span{ float:right; display:block; width:68%;}
.list-p1 li.noimg span{ width:100%; float:none}
.list-p1 li span a{ display:block;font-weight:normal; line-height:2; font-size:18px;}
.list-p1 li p{ font-size:16px; line-height:2;}
.list-p1 li span font{ display:inline-block; margin-top:5px;}
.list-p1 li:hover{ background:#0198e7; color:#fff;}
.list-p1 li:hover span a{ color:#fff;}
.maincontainer{ width:1000px; float:right;}
.calsssel{ float: left; position: relative; margin-bottom:20px;} 
.calsssel .text{ padding: 0; display: block; padding-left: 20px; width: 510px; border: 1px solid #dfdfdf; background: #fff; height: 39px; line-height: 39px; box-sizing: content-box; color: #999999; font-size: 14px; float: left;}
.calsssel .sub{padding: 0; position: absolute; right: 0; top: 0; display: block; padding-right: 44px; height: 41px; line-height: 41px; text-align: center; cursor: pointer; color: #ffffff; font-size: 14px; background: url(../img/search.png) center no-repeat; outline: none; margin: 0; float: left; cursor: pointer; border: none; transition: 0.4s;}


.side-list-p li{ overflow:hidden; margin-bottom:20px;}
.side-list-p li img{ float:left;}
.side-list-p li span{ float:left; line-height:38px; font-size:16px; padding-left:5px;}

/* shownews*/
.vtitle{ font-size:26px; line-height:30px; font-weight:900; text-align:center; padding-top:20px;  margin-bottom:20px;  color:#000;;}
.vdes{  text-align:center; color:#A8A6A6;  border-bottom:1px solid #CCCCCC; ; margin-bottom:10px; padding:4px 0 20px 0;}
.ArticleMessage a:link{ text-align:center;color:#A8A6A6;}
.vcon{  line-height:2; padding:10px 10px; font-size:14px; }
.vcon img{ max-width:100%;}
.vpages { border:#f1f1f1 1px solid; background:#f7f7f7; padding:10px; margin:10px 0; line-height:2;}

ul,li{ margin:0; padding:0; list-style:none}
/*缁狅拷閸楁洑楠囬崫浣稿灙鐞涳拷*/
.prolist ul{ margin:0 -15px;}
.prolist li{ float:left; margin-top:10px; width:33.3%;  }
.prolist li .item{ margin:15px 15px 0 15px;}
.prolist li a.txt{ display:block; text-align:center; line-height:30px; background:#eee; font-size:14px; line-height:34px;}
.prolist li a.img{ display:block;   }
.prolist li a.img img{ height:180px; display:block; width:100%;}
.prolist li:hover a.txt{ background:#000; color:#fff;}

/*缁狅拷閸楁洑楠囬崫浣稿灙鐞涳拷*/
.prolist1 ul{ margin:0 -15px;}
.prolist1 li{ float:left; width:33.3%;  }
.prolist1 li a{ display:block; margin:15px; position:relative; }
.prolist1 li.last{ float:right; margin-right:0;}
.prolist1 li  .txt{ display:block; text-align:left; line-height:2; position:absolute; bottom:0px; left:0; color:#fff; width:100%; font-size:14px; z-index:3}
.prolist1 li  .txt font{ display:block; font-size:18px; font-weight:900;}
.prolist1 li  .txt p{ font-size:14px; line-height:2;}
.prolist1 li  .txt b{ font-weight:normal;}
.prolist1 li  .txt span{ border-radius:50%; width:30px; height:30px; line-height:30px; color:#000; float:right; text-align:center; background:#fff; display:inline-block;}
.prolist1 li  .txt .txt_in{ padding:10px; position:relative; z-index:3;}
 
.prolist1 li .img{ display:block; position:relative; padding-top:100%}
.prolist1 li .img img{ position:absolute; top:0; width:100%; left:0; height:100%;}
.prolist1 li  .txt:before{ content:" ";position:absolute; bottom:0px; left:0; width:100%; background:#000; z-index:2; background:#000; height:100%;/* older safari/Chrome browsers */  
    -webkit-opacity: 0.8;  
    /* Netscape and Older than Firefox 0.9 */  
    -moz-opacity: 0.8;  
    /* Safari 1.x (pre WebKit!) 閼颁礁绱html閸愬懏鐗抽惃鍑穉fari濞村繗顫嶉崳锟�*/  
    -khtml-opacity: 0.8;  
    /* IE9 + etc...modern browsers */  
    opacity: .8;  
    /* IE 4-9 */  
    filter:alpha(opacity=80);  
    /*This works in IE 8 & 9 too*/  
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";  
    /*IE4-IE9*/  
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);  }
 
/*闂堛垹瀵樼仦鎴濐嚤閼革拷*/
.vpos{ height:40px; line-height:40px; border-bottom:#d9d9d9 1px solid;}
.vpos font{ float:left; font-size:18px; margin-left:10px;}
.vpos span{ float:right; margin-right:10px;}
 

.ful{ float:left;  width:20%}
.ful_title{ font-size:18px; line-height:1; margin-bottom:20px;}
.ful_p a{ display:block; color: #999; line-height:2; font-size:14px;}
.ful_p{ display:block; color: #999; line-height:2; font-size:14px;}
.flink{ margin-bottom:10px;}
.fcoy p{ float:right;}
.fys{ border-bottom:#3e4145 1px solid; padding:40px 0; margin-bottom:50px;}
.fys li{ float:left; width:25%;}
.fys li img{ float:left;}
.fys li font{ float:left; line-height:39px; font-size:20px; padding-left:10px;}
.pb_85 {
    padding-bottom: 85px;
}
.pt_85 {
    padding-top: 85px;
}.fixed:after, .clearfix:after, .cf:after, after, .header:after, .main:after, .footer:after {
    content: '';
    display: table;
    clear: both;
}


.banner-slide .swiper-pagination-bullet{ width:100px; height:4px; border-radius:0; background:#fff}

.banner-slide .swiper-pagination-bullet.swiper-pagination-bullet-active:before{ height:4px; width:100%; left:0 ;; top:0; background:#1a73c4; content:" "; position:absolute; animation: loader 5s linear;}
	.banner-slide .swiper-pagination-bullet.swiper-pagination-bullet-active{ position:relative}
	
	 @keyframes loader {
        0% {
            width: 0%;
        }
        100% {
            width: 100%;
        }
    }
.swiper-container.banner-slide{ position:fixed; left:0; top:0; width:100%; z-index:3;}
.indexmain{ z-index:4; position:relative ; background:#fff;margin-top: 718px;}
.ivideo{ position:relative;}
.ivdeobg img{ width:100%; display:block}
.ivideo_btn{ position:absolute; top:50%; margin-top:-50px; left:50%; margin-left:-50px; cursor:pointer;}
.ivideo_btn img{ height:100px; }

.cp{background:#f2f2f2;}
.cp-slide{  }
.cp-slide .txt{ float:left; width:50%; margin-left:7%;margin-top: 1%;}
.cp-slide .txt font{ font-size:30px; line-height:1; display:block;}
.cp-slide .txt span{ display:block; width:100px; height:5px; background:#000; margin:50px 0 20px 0;}
.cp-slide .txt p{ font-size:16px; line-height:2;}
.cp-slide .img{ float:right; width:42%; text-align:center}
.cp-slide  .img img{}
.cp-slide .swiper-slide{ padding-bottom:60px;}
.cp-slide .swiper-pagination-bullets{  }
.cp-slide .swiper-pagination-bullet.swiper-pagination-bullet-active{ width:50px; border-radius:2px}



.part5{ background:url(../img/jidibg.jpg) bottom center no-repeat; padding:50px 0;}
.part5 ul { margin:0 -15px;}
.part5 ul li a{ display:block; margin:30px;  }
.part5 ul li{   width:33.3%;}
.part5 ul li a img{ display:block; width:100%; height:240px;}
.part5 ul li p{  text-align:left; padding:10px 15px 10px 15px;  }
.part5 ul li p font{ display:block; font-size:20px; line-height:40px;}
.part5 ul li p span{ font-size:14px; display:block; line-height:2; height:50px; overflow:hidden}
.part5 ul li:hover a{transform:scale(1.1,1.1);   background:#faf9fa; box-shadow: 0px 0px 24px rgba(0, 0, 0, .1);}
 
.part5 ul li .time{ font-size:14px; padding:0 15px 10px 15px;}

 .ypsq { padding:20px 0 60px 0;}
.ypsq .input p{ font-size:18px; line-height:2; padding-left:5%;}
.ypsq .input input{ width:85%; line-height:40px; height:40px; border:#0098e6 1px solid; padding-left:5%}
.ypsq .input font{ color:red; font-size:20px;}
.ypsq .inputbtn{ margin-top:36px;}
.ypsq .inputbtn input{ background:#0098e6; color:#fff; height:40px; width:100%; border-radius:5px; border:none;}
.ypsq .inputbtn input:hover{cursor:pointer}

.iabout .iaboutimg img{ width:100%; display:block;}
.iabouttxt{margin-top:-150px;}
.iabouttxt_in{ background:#fff; padding:20px 50px 50px 50px; border-radius:20px; position: relative;
    z-index: 2;box-shadow: 0px 0px 24px rgba(0, 0, 0, .1);}
.iabouttxt_info{ font-size:16px; line-height:2;}

/*idx_pro start*/
.m_zz{  z-index: 15;position: relative;border-radius: 10px; line-height:1; overflow:hidden;}
.m_zz ul{ position: relative; padding-top: 38px;}
.m_zz li{position: relative;float: left;width:20%;text-align: center;
  -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.m_zz li:before{content:"";position: absolute;width:1px;height: 95px;background: rgba(255,255,255,.3);right:0;top:0;}
.m_zz li:nth-child(6):before{background: none;}
.m_zz li em{display: block;overflow: hidden; font-style:normal;}
.m_zz li em b{display: inline-block;  font-size: 30px;font-weight: 400; color:#333}
.m_zz li em i{display: inline-block;  width:24px;height: 34px; color:#333; line-height:34px; border-radius: 50%; font-size: 20px;text-align: center; font-weight: 400;  font-style: normal;margin-left: 2%;}
.m_zz li span{
	display: inline-block;  font-size: 16px; margin-top: 15px; color: #666;
}
.m_zz li img{ transition: all .5s ease;}
.m_zz li:hover   img{transform:rotatey(180deg);}


.about3 .whtop { overflow:hidden}
.about3 .whtop img{ float:left; height:80px; margin-right:10px;}
.about3 .whtop span{ float:left; line-height:1.8}
.about3 .whtop span big{ display:block; font-size:30px; margin-top:0px;}
.about3 .whtop span small{ display:block; font-size:16px;}
.about3  p{ font-size:14px; line-height:2; padding:10px 0;}
.ziliaot_v_title{ font-size:24px; line-height:2; text-align:center; margin:10px 0;}

.about5 ul{ padding-bottom:40px;}
.about5 li{ text-align:center}
.about5 li img{ height:60px; margin:0 auto;}
.about5 li span{ display:block; font-size:18px; margin:20px 0 10px 0;}
.about5 li  p{ font-size:18px; line-height:1.4;}


.yanfa-slide .yanfa-slide-div{ width:85%; margin:0 auto}

.ziliaoul{ margin-top:20px;}
.ziliaoul li{ background:#0198e7; color:#fff; line-height:45px; font-size:16px; margin-bottom:10px; height:45px; padding:0 20px;}
.ziliaoul font{ float:left; color:#fff;}
.ziliaoul p{ float:right; color:#fff;}
.ziliaoul p img{vertical-align: middle;
    height: 24px;
    position: relative; 
    top: -2px;}
/*鎼存梻鏁ら弬瑙勵攳*/
.technology-box{ padding: 10px 0 10px; background:#f6f6f6;}
.techno{ color:#666666; font-size:24px; font-weight:normal; padding-bottom:10px; border-bottom:2px solid #cccccc;}
.technology-text{ margin-top:35px;}
.technology-left{ width:25.2%; float:left; position:relative; z-index:10;}
.technology-list >li{ margin-bottom:2px;}
.technology-list >li >a{ display:block; padding-left:20px; color:#ffffff; font-size:16px; height:46px; line-height:46px; position:relative; background:#0198e7; overflow:hidden; transition:780ms;}
.technology-list >li >a span{ display:block; width:21px; height:21px; position:absolute; right:15px; top:13px; background:url(../img/radius9.png) center no-repeat; transition:540ms;  background:#fff; width:21px; height:21px; border-radius:50%;}
.technology-list >li >a span:before{ content:""; width:10px; height:6px; background:url(../img/down.png) center no-repeat; position:absolute; left:6px; top:8px; transition:620ms; transform:rotate(-90deg); -webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); }
.technology-list >li >a:hover,.technology-list >li >a.on{ background:#0198e7; color:#fff;}
.technology-list >li >a:hover span,.technology-list >li >a.on span{ background:url(../img/radius9.png) center no-repeat; background:#fff; width:21px; height:21px; border-radius:50%;}
.technology-list >li >a:hover span:before,.technology-list >li >a.on span:before{ background:url(../img/down.png) center no-repeat; transform:rotate(0deg);}

.technology-list >li .erji a{ display:block; line-height:40px; background:#f7f7f7; font-size:16px; padding:0 20px; margin:3px 0; width:80%; position:relative;}
.technology-list >li .erji a:after{ content:">"; right:20px; position:absolute;}
.technology-list >li .erji a.on{color: #0099e9;}
.technology-fix{width:72%; float:right;}
.technofix li{ margin-bottom:24px; display:block; padding:27px 36px 32px 30px; position:relative; background:#fff; margin-bottom:24px;}
.technofix li a .line1{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ''; opacity: 0; pointer-events: none; transition: opacity 0.45s, transform 0.45s; border-top:3px solid #437bd2; border-bottom: 3px solid #437bd2; transform: scale(0,1); }
.technofix li a .line2{ border-right: 3px solid #437bd2; border-left: 3px solid #437bd2; transform: scale(1,0); position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ''; opacity: 0; pointer-events: none; transition: opacity 0.45s, transform 0.45s;}
.technofix li:hover .line1,.technofix li:hover .line2{ opacity: 1; transform: scale(1);}

.technology-fix .pagelist{ text-align:center;}
.technofix li figure{ display:block; line-height:normal; width:28%; float:left; overflow:hidden;}
.technofix li figure img{ display:block; width:100%; height:auto; transition:890ms;}
.technofix li figcaption{ display:block; width:66.6666%; float:right;}
.technofix li figcaption h3{ color:#333333; font-size:16px; font-weight:normal; margin-bottom:5px; margin-top:13px; transition:700ms;}
.technofix li figcaption p{ color:#999999; font-size:14px; margin-bottom:14px;}
.technol span{ display:inline-block; float:left; color:#999999; font-size:14px; line-height:normal; padding:0 14px; height:15px; border-right:#b8b8b8 1px solid;}
.technol span:first-child{ padding-left:0;}
.technol span:last-child{ border-right:none;}
.technofix li:hover figure img{ transform:scale(1.08); -webkit-transform:scale(1.08); -moz-transform:scale(1.08);}
.technofix li:hover figcaption h3{ color:#437bd2;}

.apple-box{ padding:46px 0 60px; }
.project-data{ width:33.333%; float:left; background:#437bd2;}
.project-data a{ display:block; position:relative; padding:20px 0 20px 76px; color:#ffffff; font-size:18px; background:url(../img/data.png) 35px center no-repeat;}
.project-data:nth-child(2){ background:#16aca4;}
.project-data a i{ display:block; width:16px; height:13px; position:absolute; right:32px; top:29px; background:url(../img/more4.png) center no-repeat; transition:540ms;}
.project-data:nth-child(2) a{ background:url(../img/data2.png) 35px center no-repeat;}
.project-data:nth-child(3) a{ background:url(../img/problem.png) 35px center no-repeat;}
.project-data a:hover i{ right:28px;}
.project-input{ background:#fff; margin-top:38px; padding:40px 68px 48px 58px; box-shadow: 0 3px 6px rgba(0,0,0,0.2);}
.project-input h2{ padding-left:47px; color:#437bd2; font-size:24px; font-weight:normal; padding-left:47px; background:url(../img/data1.png) left center no-repeat;}
.project-input p{ color:#666666; font-size:14px; margin-top:15px; margin-bottom:42px;}
.project-row{ margin-bottom:16px; float:left; width:100%;}
.project-row:nth-child(1),.project-row:nth-child(2){ width:auto;}

.project-row span{ display:inline-block; float:left; color:#666666; font-size:14px; line-height:45px;  margin-right:10px; text-align:right; min-width:70px;}
.project-row input{ padding:12px 0 12px 10px; width:347px; border:1px solid #cccccc; background:none; color:#666; font-size:14px; font-family:瀵邦喛钂嬮梿鍛寸拨; transition:780ms; float:left;}
.project-row input:focus{ border-color:#437bd2;}
.project-row:nth-child(2){ float:right;}
.project-row .projetc-sele{ padding-left:12px; height:45px; line-height:45px; width:347px; border:1px solid #cccccc; background:none; color:#666; font-size:14px; font-family:瀵邦喛钂嬮梿鍛寸拨; transition:780ms; float:left; font-size:14px; padding-left:20px; background:url(../img/down4.png) 95% center no-repeat;  -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor:pointer; outline:none; font-family:瀵邦喛钂嬮梿鍛寸拨; border:none; border:1px solid #cccccc;}
.project-row input.proin1{ width:100%;}
.project-textarea{ width:853px; float:left;} 
.project-textarea b{ display:block; color:#999999; font-size:14px; font-weight:normal; margin-bottom:12px; margin-left:8px; margin-top:10px;}
.project-promble{ width:100%;}
.project-promble textarea{ width:100%; color:#666; padding:20px 0 0; font-size:14px; font-family:瀵邦喛钂嬮梿鍛寸拨; border:1px solid #cccccc; outline:none; transition:780ms;}
.project-promble textarea:focus{ border-color:#437bd2;}
.prodee-row{ margin-left:24px; margin-bottom:28px; transition:780ms;}
.prodee-row span{ display:inline-block; float:left; color:#666666; font-size:14px; line-height:normal; line-height:26px; margin-right:0;}
.prodee-row input{ float:left; border:none; background:none; color:#fff; padding:0; line-height:26px; color:#666;}
.uploading{ float:left; margin-top:1px; width:844px;}
.uploading .porbtn{ margin-top:0px; width:112px; height:24px; text-align:center; line-height:24px; color:#ffffff; cursor:pointer; font-family:瀵邦喛钂嬮梿鍛寸拨; border:none; background:#999999; padding:0; font-size:12px; margin-top:10px;}
.uer{ display:none;}
.uploading b{ display:inline-block; float:left; color:#666666; line-height:45px; margin-left:22px; font-weight:normal;}
.project-row input.proin2{ width:220px;} 
.project-row img{ display:block; float:left; margin-left:15px; cursor:pointer;}
.subproble{ margin-top:14px; width:173px; height:43px; border:1px solid #437bd2; color:#fff; font-weight:bold; font-size:14px; cursor:pointer; background:#437bd2; text-align:center; line-height:43px; margin-left:210px; transition:780ms; float:left;}
.subproble:hover{ background:none; border-color:#437bd2; color:#437bd2;}
.technology-left .selectbox{ display:none;}
.technology-left .selectbox span{ background:#ffffff; padding-left:20px; border:none;}
.technology-left .selectbox span b{ color:#666666; font-size:14px;}
.technology-left .selectbox span i{ display:none;}
.technology-left .selectbox span b{ background:url(../img/down5.png) 94% center no-repeat;}
.technology-left .classdown li a{ color:#666666;}
.technology-left .classdown li:hover a{ color:#fff;}
.common-problem li{ margin-bottom:5px;}
.common-problem li .problem-top{ position:relative; background:#ffffff; cursor:pointer; transition:670ms; overflow:hidden;}
.common-problem li .problem-top b{ width:49px; height:45px; text-align:center; line-height:45px; color:#ffffff; font-size:14px; font-weight:bold; font-family:Arial; float:left; background:#d1dae4; transition:670ms; position:relative; z-index:5;}
.common-problem li .problem-top span{ display:inline-block; float:left; margin-left:20px; color:#fff; font-size:16px; line-height:28px; padding:10px 0; transition:600ms; position:relative; z-index:5;width:80%}
.common-problem li .problem-top:before{ width:14px; height:8px; position:absolute; right:23px; top:50%; margin-top:-4px; content:""; background:url(../img/down7.png) center no-repeat; transition:470ms; z-index:5;}
.common-problem li .problem-top mark{ width:100%; height:100%; background:#0198e7; transition:730ms; position:absolute; left:0; top:0;}
.problem-text{ padding:28px 20px 0 25px; background:#dedede; display:none;}
.problem-text strong{ display:block; color:#333333; font-size:14px; font-weight:normal;}
.problem-text p{ color:#333333; font-size:14px; line-height:2;}
.ambia{ margin-top:28px; padding:12px 0; border-top:1px solid #000;}
.ambia span{ display:inline-block; float:right; padding-left:28px; color:#333333; font-size:14px; font-family:Arial; margin-right:30px; cursor:pointer; transition:650ms;}
.ambia span:nth-child(1){ background:url(../img/eye.png) left center no-repeat;}
.ambia span:nth-child(2){ background:url(../img/zan.png) left center no-repeat;}
.ambia span:nth-child(1):hover{ color:#437bd2; background:url(../img/eye1.png) left center no-repeat;}
.ambia span:nth-child(2):hover{ color:#437bd2; background:url(../img/zan1.png) left center no-repeat;}
.common-problem li .problem-top:hover mark,.common-problem li .problem-top.on mark{ top:0;}
.common-problem li .problem-top:hover b,.common-problem li .problem-top.on b{ background:none; color:#fff;}
.common-problem li .problem-top:hover span,.common-problem li .problem-top.on span{ color:#fff;}
.common-problem li .problem-top:hover:before,.common-problem li .problem-top.on:before{ background:url(../img/down7.png) center no-repeat; transform:rotate(-180deg);}
.common-problem li:nth-child(1) .problem-text{ display:block;}
.levamenu{ display:none;}
.levamenu li{ margin-top:2px;}
.technology-list >li:nth-child(1) .levamenu{ display:block;}
.levamenu li a{ display:block; padding-left:20px; color:#333333; font-size:14px; height:46px; line-height:46px; background:#fff; position:relative;}
.levamenu li a:before{ content:""; width:7px; height:11px; position:absolute; right:22px; top:50%; margin-top:-5px; background:url(../images/arrow5.png) center no-repeat; transition:320ms;}
.levamenu li a:hover{ color:#000;}
.levamenu li a:hover:before{ right:18px; background:url(../img/arrow5.png) center no-repeat;}
.data-loads li{ margin-bottom:5px; padding:20px 42px 16px 25px; background:#ffffff; overflow:hidden; position:relative;}
.data-loads li time{ float:left; position:relative; z-index:5;}
.data-loads li time strong{ display:block; color:#666666; font-size:18px; font-family:Arial; line-height:normal; transition:560ms;}
.data-loads li time b{ display:block; font-size:14px; font-family:Arial; line-height:normal; color:#666666; transition:560ms;}
.data-loads li span{ display:inline-block; float:left; margin-left:34px; color:#666666; font-size:14px; margin-top:8px; transition:600ms; position:relative; z-index:5;}
.data-loads li .paf{ padding-right:38px; color:#666666; font-size:12px; font-weight:bold; line-height:32px; float:right; margin-top:8px; background:url(../images/load1.png) right center no-repeat; text-transform:uppercase; transition:560ms; position:relative; z-index:5;}
.data-loads li:before{ width:100%; height:100%; position:absolute; left:0; top:100%; content:""; background:#437bd2; display:block; transition:780ms;}
.data-loads li:hover:before{ top:0;}
.data-loads li:hover time strong,.data-loads li:hover time b,.data-loads li:hover span{ color:#fff;}
.data-loads li:hover .paf{ color:#fff; background:url(../img/load2.png) right center no-repeat;}

.techline{ border-bottom:2px solid #cccccc;}
/* .technology-fix{ margin-top: 42px;} */

.videoIbox{ overflow:hidden;}
.videoIbox .item{ display: block;}

.fangan{ padding:60px 0 30px 0;}

.fangan img { max-width:100%; width:65%; margin:0 auto; display:block; }
.fangantitle{ font-size:30px; color:#0098e6; font-weight:900; line-height:1;}
.fangantitle span{ display:inline-block; width:50px; height:3px; background:#0098e6;}
.fanganp {  margin-top:20px;line-height:2; font-size:18px;}


.ivideo_btn img{display:block;}
.ivideo:hover .ivideo_btn{  

 -webkit-transition-property: -webkit-transform;

    -webkit-transition-duration: 1s;

    -moz-transition-property: -moz-transform;

    -moz-transition-duration: 1s;

    -webkit-animation: rotate 3s linear infinite;

    -moz-animation: rotate 3s linear infinite;

    -o-animation: rotate 3s linear infinite;

    animation: rotate 3s linear infinite;

}

@-webkit-keyframes rotate{from{-webkit-transform: rotate(0deg)}

    to{-webkit-transform: rotate(360deg)}

}

@-moz-keyframes rotate{from{-moz-transform: rotate(0deg)}

    to{-moz-transform: rotate(359deg)}

}

@-o-keyframes rotate{from{-o-transform: rotate(0deg)}

    to{-o-transform: rotate(359deg)}

}

@keyframes rotate{from{transform: rotate(0deg)}

    to{transform: rotate(359deg)}

}


.p_left{
	margin-left: 2%;
}
.p_right{
	margin-right: 2%;
}
.product {
	float: left;
	width: 32%;
	position: relative;
	color: #666;
	background: #fff;
}
.product::before { 
	content: "";
	position: absolute;
	top: 0;
	left: 0; 
	border-bottom: #3b95ff 4px solid;
	width: 0;
	height: 100%;
}
.product:hover::before {
	width: 100%;
	transition: 0.3s all linear;
	transition-delay: 0.1s;
}
.p_d_img{
	overflow: hidden; width: 100%; height: 350px;
}
.p_d_img1{
	overflow: hidden; width: 100%; height: 350px;
}
.p_img{
	width: 100%
}
.p_date {
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 18px;
	font-weight: 500;
}

.p_title {
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 16px;
}

.product img{
	transition: all 1s;
}
.product:hover img{
	transform:scale(1.2);
}
.product:hover{
	cursor: pointer;
}

.fl{
	float: left;
}

.t_l{
	margin-left: 8%
}

.t_news{
	min-height: 165px;; width: 46%; border-bottom: #c6c6c6 1px dotted;
}
.t_news_b{
	height: 150px; width: 46%;
}

.date .year {
    font-size: 16px;
    color: #666;
    margin: 6px 0 15px;
}
.date .day {
    font-size: 34px;
    color: #555;
}
.date {
    width: 20%;
    max-width: 120px;
}
.info .brief {
    height: 72px;
    line-height: 24px;
    font-size: 14px;
    color: #888;
    margin-top: 20px;
}
.info .name {
    font-size: 20px;
    color: #555;
}
.info .name:hover {
    color: #2d7dda;
}
.info {
    width: 80%;
}


/*閺備即妞堢挧鍕唵*/
.p_news {
	height: 150px;
	width: 100%;
	background-color: #f5f5f5;
	margin-bottom: 30px;
	padding: 10px 0;
}

.date1 .year {
	font-size: 16px;
	color: #666;
	margin: 6px 0 15px;
}

.date1 .day {
	font-size: 34px;
	color: #555;
}

.date1 {
	width: 20%;
	max-width: 120px;
	padding: 20px;
}

.info1 .brief {
	height: 52px;
	line-height: 24px;
	font-size: 14px;
	color: #888;
	margin-top: 20px;
}

.info1 .name {
	font-size: 20px;
	color: #555;
}

.info1 .name:hover {
	color: #2d7dda;
}

.info1 {
	width: 80%;
}

.info1 {
	width: 90%;
}

.footer {
	padding: 50px 0 30px 0;
	background-color: #222;
}

.footerNav {
	margin-bottom: 16px;
}

.footerNav a {
	font-size: 15px;
	color: #fff;
	margin-right: 30px;
	display: inline-block;
}

.footerContact {
	font-size: 14px;
	color: #9f9f9f;
	line-height: 30px;
}

.footerContact a {
	color: #9f9f9f;
}

.footerContact a:hover {
	color: #fff;
}

.Fcode li {
	text-align: center;
	float: right;
	padding-right:50px;
	margin: 0 6.989247311827957% 0 0;
}

.Fcode li:first-child {
	margin: 0px;
}

.Fcode li img {
	width: 100px;
	height: 100px;
}

.Fcode li .name {
	color: #fff;
	
}

.footer_box {
	background: #333333;
}

.footer_box .footer-cent {
	background: #333333;
}

.footer_box .footer-bottom {
	background: #2b2b2b;
	height: 100px;
}

.footer_box .byul {
	padding: 12px 0;
}

.footer_box .byul li {
	font-size: 16px;
	color: #FFFFFF;
	line-height: 36px;
	font-weight: bold;
	text-align: center;
}

.footer_box .byul li a {
	color: #FFFFFF;
	display: block;
}

.footP {
	text-align: center;
	position: absolute;
	bottom: -36px;
	right: 54px;
}

.footP h3 {
	font-size: 24px;
	line-height: 24px;
	color: #FFFFFF;
	margin-bottom: 12px;
	font-family: arial;
}

.footP .week {
	font-size: 14px;
	color: #cccccc;
	line-height: 14px;
}

.footP .wbicon {
	width: 35px;
	height: 27px;
	background: url(../img/icon/weibo-icon.png) no-repeat;
}

.footP .wbspan {
	font-size: 14px;
	color: #FFFFFF;
	line-height: 14px;
	padding: 0px 9px 0px 5px;
}

.footP a {
	width: 73px;
	height: 24px;
	background: #4cc33c;
	text-align: center;
	color: #FFFFFF;
	line-height: 24px;
	font-size: 14px;
}

.footP a, .footP .wbspan, .footP .wbicon {
	vertical-align: middle;
	display: inline-block;
}

.footbot {
	text-align: center;
	padding: 30px 0px 0px 0px;
}

.footbot p {
	font-size: 12px;
	color: #808080;
	line-height: 12px;
	margin-bottom: 11px;
	text-align: left;
}

.footbot p a {
	color: #808080;
}

.footbot img {
	padding: 0px 15px 0px 0px;
}

.footbot .footer-con-r {
	margin-left: 40px;
}

.footer_box .product-center {
	background: #ffffff;
}

.footer-cent .top {
	height: auto;
	overflow: hidden;
	padding-bottom: 25px;
}

.footer-cent .top ul {
	width: 100%;
	height: auto;
	position: relative;
}

.footer-cent .top ul li {
	height: auto;
	color: #666;
	font-size: 14px;
	line-height: 40px;
}

.footer-cent .top ul li .tit {
	padding-top: 20px;
}

.footer-cent .top ul li .blue {
	color: #e5e5e5;
	font-size: 16px;
	font-weight: bold;
}

.imgpc {
	height: 40px;
	padding-top: 10px;
}

.footer-cent .top ul li a {
	color: #666;
}

.footer-cent .top ul li .phone {
	padding-top: 20px;
	text-indent: 50px;
	background: url("../img/footer_phone.png") no-repeat left center;
}

.footer-cent .top ul li .fenxiang {
	text-align: center;
	margin-top: 15px;
}

.footer-cent .top ul li .fenxiang img {
	margin-right: 20px;
}

.footer-cent .top ul li p img {
	vertical-align: middle;
}

.footer-cent .top ul li.col-xs-6 {
	text-align: center;
}

.footer-cent .top ul li.col-xs-6 img {
	display: inline-block;
}

.footer-cent .top ul li.f-r {
	float: right;
	margin: 0;
	margin-top: 40px;
	width: 150px;
	text-align: center;
}

.footer-nrtext {
	text-align: center;
}

.footer-ul li p a:hover {
	color: #1769B3;
}

.footer-con-l p span {
	padding-left: 20px;
}

.f-cityjs {
	margin: 12px auto;
}

.f-cityjs a {
	color: #0ca1ff;
	display: inline-block;
	margin-right: 4px;
	font-size: 14px;
	margin-bottom: 2px;
}

.f-cityjs a:hover {
	color: #fff;
}

.f-cityjs a:first-of-type {
	margin-left: 15px;
}
.col-md-l {
	float:left;
    width: 74%;
}
.col-md-r {
	float:left;
    width: 25%;
}



.XGreacd {
    width: 100%;
    margin-bottom: 30px;
    position: relative;
    z-index: 6;
}
.XGreacd .tit {
    float: left;
    width: 100%;
    color: #000000;
    font-size: 26px;
    line-height: 40px;
    margin-top: 16px;
}
.pz_SideLayer {
    float: left;
    width: 98%;
    margin: 10px 0 30px 0;
    border-top: 1px solid #e4e4e4;
}

.caseTitle {
	display: block;
	width: 100%;
	height: 40px;
	line-height: 40px;
	border-bottom: 1px #e9e9e9 dotted;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	font-size: 15px;
}

.pz_SideLayer .l1 {
    float: left;
    width: 100%;
    border-bottom: 1px solid #e4e4e4;
}

.pz_SideLayer .l1:hover a {
    color: #f40e33;
    background: url(../img/guand1.png) left 10px center no-repeat;
}
.pz_SideLayer .l1 a {
    float: left;
    width: 95%;
    line-height: 50px;
    color: #333333;
    font-size: 17px;
    text-align: right;
    background: url(../img/guand.png) left 10px center no-repeat;
    display: block;
    height: 50px;
    padding-right: 5px;
   	
}
.pz_SideLayer .l1.on a, .pz_SideLayer .l1:hover a {
	color: #2782ed;
	background: url(../img/guand1.png) left 10px center no-repeat;
}


.lijiYY{ float:left; width:100%;position:relative; z-index:6;}
.lijiYY .tit{ float:left; width:100%; color:#000000; font-size:26px; line-height:40px;}
.lijiYY .Form{ float:left; width:100%; margin-top:20px;}
.lijiYY .lab{ float:left; width:100%; margin-top:10px; position:relative;}
.lijiYY .fv0{ float:left; width:95%; height:40px; border:1px solid #e4e4e4; background:#fff; color:#333333; font-size:14px; line-height:24px;  padding-left:10px; position:relative; cursor:pointer;}
.lijiYY .yus{ float:left; position:absolute; left:0; top:0; width:auto; border:none;}
.lijiYY .yanzhengma{ float:right; position:absolute; right:1px; top:10px; /*width:111px;*/ height:25px; margin-right: 15px;}
.lijiYY ::-webkit-input-placeholder{color:#333333;}
.lijiYY :-moz-placeholder{color:#333333;}
.lijiYY ::-moz-placeholder{color:#333333;}
.lijiYY :-ms-input-placeholder{color:#333333;}
.lijiYY .fv2{ float:left; width:100%; height:54px; color:#fff; cursor:pointer; font-size:18px; line-height:52px; border:none; background:#2782ed; padding:0; outline:none; margin-top:10px;}
.lijiYY .fv0_ys{ height:auto !important;}
.lijiYY .img{ float:left; position:absolute; right:19px; top:50%; width:12px; height:8px; margin-top:-4px;}
.lijiYY .ul0{ display:none; float:left; width:100%; position:absolute; left:0; top:50px; z-index:16; background:#f2f2f2; padding:11px 19px; box-shadow:0 5px 10px rgba(0,0,0,0.1);}
.lijiYY .ul0 li{ float:left; width:100%; color:#333; font-size:16px; line-height:26px; cursor:pointer;}
.lijiYY .ul0 li:hover{ color:#f40e33;}
.lijiYY .ul1{ float:left; width:100%; padding-left:45px; min-height:29px;}
.lijiYY .ul1 li{ float:left; min-width:110px; color:#666666; font-size:16px; line-height:29px; padding-left:22px; position:relative; cursor:pointer; margin-left:10px;}
.lijiYY .ul1 li:after{ float:left; width:14px; height:14px; border-radius:50%; background:#edeef0; position:absolute; left:0; top:50%; margin-top:-7px; content:''; z-index:6;}
.lijiYY .ul1 li:before{ float:left; width:8px; height:8px; border-radius:50%;position:absolute; left:3px; top:50%; margin-top:-4px; content:''; z-index:8;}
.lijiYY .ul1 li.on:after{ background:#fff; box-shadow:0 0 5px rgba(0,0,0,0.19);}
.lijiYY .ul1 li.on:before{ background:#000;}

#newsInfo .col{color:#333;}
#newsInfo img{max-width:100%;}
#caseInfo img{max-width:100%;}
#newsInfo .title{font-size: 28px; text-align: center;}
#newsInfo .time{height: 60px; line-height: 60px; font-size:14px; text-align: center;}

.button1{border: 1px #f1f1f1 solid;border-radius:20px; display:block;text-align:center; height: 35px; line-height: 35px; width:100px; font-size: 16px; color: #fff;}

.pageBanner{
	background-position: center center; height: 600px; width: 100%;
}
.pageBanner .bInfo{
	padding:220px 0 0 180px; color:#f1f1f1;
}
.pageBanner .bInfo h1{
	font-size: 40px;
}
.pageBanner .bInfo p{
	font-size: 20px; margin-top: 40px;
}


.newsInfo {
	width: 75%;
}
.leftInfo {
	width: 75%;
}
.rightInfo{
	width: 22%; margin-left: 3%;
}

#mobile{
	display:none;
}

#top {
	 position:fixed;
	 top:0;
	 left:0;
	 width:100%;
	 z-index:99;
	 background:#fff;
	 border-bottom:1px solid #dcdcdc;
	 display: none;
}
#top .head {
	 height:116px;
	 position:relative;
}
#top .logo {
	 display:block;
	 position:absolute;
	 top:20px;
	 left:0;
}
#top .logo img {
	 height: 45px;
}

#top .small_nav_btn {
	 position:absolute;
	 top:22px;
	 right:10px;
	 z-index:9999;
	 display: block;
}
#top .small_nav_btn span {
	 width:29px;
	 height:2px;
	 background:#2782ed;
	 display:block;
	 margin-top:8px;
}
#top .small_nav_btn span:nth-of-type(1) {
	 margin-top:0;
}
#top .small_nav_btn span:nth-of-type(1).p_transform_1 {
	 transform:rotatez(45deg);
	 -webkit-transform:rotate(45deg);
	 -o-transform:rotate(45deg);
	 -moz-transform:rotate(45deg);
	 transform-origin:left bottom 0;
}
#top .small_nav_btn span:nth-of-type(3).p_transform_2 {
	 transform:rotatez(-45deg);
	 -webkit-transform:rotate(-45deg);
	 -o-transform:rotate(-45deg);
	 -moz-transform:rotate(-45deg);
	 transform-origin:left top 0;
	 position:relative;
	 top:11px;
}
#top .small_nav_btn span:nth-of-type(1).p_no_transform_1 {
	 transform:rotatez(0deg);
	 -webkit-transform:rotate(0deg);
	 -o-transform:rotate(0deg);
	 -moz-transform:rotate(0deg);
	 transform-origin:left bottom 0;
}
#top .small_nav_btn span:nth-of-type(3).p_no_transform_2 {
	 transform:rotatez(0deg);
	 -webkit-transform:rotate(0deg);
	 -o-transform:rotate(0deg);
	 -moz-transform:rotate(0deg);
	 transform-origin:left top 0;
}
#top .small_nav {
	 display:block;
	 position:fixed;
	 width:150px;
	 height:100%;
	 top:60px;
	 right:-160px;
	 text-align:center;
	 background:#fff;
	 z-index:98;
	 display:none;
}
#top .small_nav a {
	 font-size:16px;
	 display:block;
	 color:#333;
	 border-bottom:1px solid #dcdcdc;
	 line-height:50px;
}
#top .small_nav a.active{
	 color:#2782ed;
}

/*鎴愬姛妗堜緥*/
.mCase{
	width: 94%;
	margin: auto;
}
.mCase .successfulCase h1{
	text-align: center;
	font-size: 35px;
}
.mCase .successfulCase p{
	margin-top:20px;
	font-size: 12px;
}
.mCase .caseInfo{
	margin-bottom:10px;
	text-align: center;
	background-color: #e9e9e9;
}
.mCase .caseInfo img{
	display: block;
	overflow: hidden;
	width: 100%;
}
.mCase .caseInfo font{
	display: block;
	height: 35px;
	line-height: 35px;
	font-size: 16px;
	font-weight: bold;
}
.mCase .caseInfo span{
	display: block;
	height: 35px;
	line-height: 35px;
	font-size: 14px;
}

.mfooter{
	width:100%;
	background-color: #222;
}
.mfooter .footerInfo{
	padding: 15px;
	color: #fff;
}
.mfooter .footerInfo a{
	color: #fff;
}